## [EMMET ШПАРГАЛКА ДЛЯ МОЛНИЕНОСНОСТНОЙ ВЕРСТКИ](https://dwstroy.ru/stail/plaginy-rasshireniya/emmet-shpargalka/)

```html

<!-- nav>ul>li -->
<nav>
    <ul>
        <li></li>
    </ul>
</nav>

<!-- div+p+bq -->
<div></div>
<p></p>
<blockquote></blockquote>

	
<!-- div+div>p>span+em^^bq -->
<div></div>
<div>
    <p><span></span><em></em></p>
</div>
<blockquote></blockquote>

	
<!-- div>(header>ul>li*2>a)+footer>p -->
<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div> 

<!-- ul>li*3 -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul> 

<!-- p[title="hi"].ru#nums -->

<p title="hi" class="ru" id="nums"></p>

<!-- a{Hi!!} -->

<a href="">Hi!!</a>

<!-- .one#num -->

<div class="one" id="num"></div>

<!-- div*2>lorem5 -->

<div>Lorem ipsum dolor sit amet.</div>
<div>Debitis ipsam quis repellendus veniam.</div>

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="he_ava.jpg" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="" title="" href="" coords="NaN" shape="circle">
    <area shape="poly" coords="191,516,706,440,452,262,160,248">
</map>

<!-- table>.cl1*2>.cla*2 -->

<table>
    <tr class="cl1">
        <td class="cla"></td>
        <td class="cla"></td>
    </tr>
    <tr class="cl1">
        <td class="cla"></td>
        <td class="cla"></td>
    </tr>
</table>
```